<div class="easyui-panel" title="班级成绩查询" data-options="fit:true"
	style="display: flex; flex-direction: column;">
	<p><label>选择班级：</label> <input id="aaclass" class="easyui-combobox"
		data-options="
				url:'banji/list',
				valueField:'id',
				textField:'name',
				panelHeight:200,
				editable:false,
				icons:[{
			        iconCls:'icon-clear',
			        handler: function(e){
			       	 $(e.data.target).textbox('clear');
			        	$('#table').hide();
			        }
			  		  }],
" />
			</p>
	<div id="table" style="flex-grow: 1; display: none;" data-options="fit:true,fitColumns: true"></div>
</div>
<script type="text/javascript">
$(function(){
	$('#aaclass').combobox({
		onSelect:function(e){
			var bjId=e.id;
			if(bjId){
			$('#table').show();
			$('#table').load('grade/bjChange',{bjId:bjId},function () {
					$('#aaa').datagrid({
						fit:true,
						fitColumns: true,
						singleSelect:true
						})
				});
		}else{
			$('#table').hide();
		}
		}
	});
	
})
</script>